<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--
   /******************************************************************************
     Copyright:: 2020- IBM, Inc

    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.
  *****************************************************************************/
-->

<html lang="en">

<head>

    <title>RPT Test Suite</title>
</head>

<body>

    <a href="#navskip">skip to main content</a>

    <!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->

    <h3>WAI-ARIA role valid children test</h3>

    <!-- Tree role missing required child treeitem.  The treeitem role follows the tree element - it's not a child. -->
    <p id="id0" role="tree" aria-disabled="true">
        Content
    </p>
    <span role="treeitem" aria-disabled="true">...</span>

    <ul id="id1" role="tree" aria-disabled="true">
        <li>Content</li>
    </ul>

    <!-- Radiogroup role missing required child: radio element -->
    <div id="id2" role="radiogroup" aria-disabled="true">
    </div>
    <input type="radio" id="radio1" name="radio1">

    <div id="id3" role="navigation tree" aria-disabled="true">
        Tree markup goes here.
    </div>

    <!-- Menu role has invalid required child: tree -->
    <ul id="id4" role="menu" aria-disabled="true">
        <li role="treeitem">Content</li>
    </ul>

    <table role="presentation">

        <tr>
            <td> form - elements can be disabled</td>
            <td>
                <form action="demo_form.asp" id="formNoEvents">

                    <!-- input type="text"  starts-->
                    <table role="presentation">
                        <tr class=innerTable>
                            <td>
                                <fieldset>
                                    <legend> input with disabled </legend>
                                    <label for="url_wl2"> url_wl2 </label>
                                    <input type="text" role=combobox disabled name="url_wl2" id="url_wl2" value="url_wl2" aria-owns=owned_listbox2 list=owned_listbox2 onkeypress="keyEvent()" aria-expanded=true>
                                    <ul id=owned_listbox2 onkeypress="keyEvent()" aria-label=ul_listbox2>
                                        <li tabindex=0>http://www.ibm.com/</li>
                                        <li tabindex=0 id="option12">http://www.canlab.ibm.com/</li>
                                    </ul>
                                </fieldset>
                            </td>
                        </tr>
                        <tr class=innerTable>
                            <td>
                                <fieldset>
                                    <legend> input with aria-disabled </legend>
                                    <label for="url_wl21"> url_wl21 </label>
                                    <input type="text" aria-disabled="true" role=combobox name="url_wl21" id="url_wl21" value="url_wl21" aria-owns=owned_listbox21 list=owned_listbox21 onkeypress="keyEvent()" aria-expanded=true>
                                    <ul id=owned_listbox21 onkeypress="keyEvent()" aria-label=ul_listbox21>
                                        <li tabindex=0>http://www.ibm.com/</li>
                                        <li tabindex=0 id="option121">http://www.canlab.ibm.com/</li>
                                    </ul>
                                </fieldset>
                            </td>
                        </tr>
                        <tr class=innerTable>
                            <td>
                                <fieldset disabled>
                                    <legend> fieldset disabled, making input disabled </legend>
                                    <label for="url_wl21"> url_wl21 </label>
                                    <input type="text" role=combobox name="url_wl21" id="url_wl21" value="url_wl21" aria-owns=owned_listbox21 list=owned_listbox21 onkeypress="keyEvent()" aria-expanded=true>
                                    <ul id=owned_listbox21 onkeypress="keyEvent()" aria-label=ul_listbox21>
                                        <li tabindex=0>http://www.ibm.com/</li>
                                        <li tabindex=0 id="option121">http://www.canlab.ibm.com/</li>
                                    </ul>
                                </fieldset>
                            </td>
                        </tr>
                        <tr class=innerTable>
                            <td>
                                <fieldset aria-disabled="true">
                                    <legend> fieldset aria-disabled, making input disabled </legend>
                                    <label for="url_wl21"> url_wl21 </label>
                                    <input type="text" role=combobox name="url_wl21" id="url_wl21" value="url_wl21" aria-owns=owned_listbox21 list=owned_listbox21 onkeypress="keyEvent()" aria-expanded=true>
                                    <ul id=owned_listbox21 onkeypress="keyEvent()" aria-label=ul_listbox21>
                                        <li tabindex=0>http://www.ibm.com/</li>
                                        <li tabindex=0 id="option121">http://www.canlab.ibm.com/</li>
                                    </ul>
                                </fieldset>
                            </td>
                        </tr>
                    </table>
                    <!-- input type="text"  Ends-->

                    <!--  select;   role=listbox Starts-->
                    <table role="presentation">
                        <tr class=innerTable>
                            <td>
                                <label for=1_select id=1_selectLabel>Dream car selection</label>
                                <br>
                                <select disabled id=1_select role=listbox onkeypress="keyEvent()">
                                    <option id=1_corolla value=corolla role=listitem> Corolla </option>
                                    <option id=1_rav4 value=rav4>RAV4</option>
                                    <option id=1_sienna value=sienna>Sienna</option>
                                    <option id=1_lexus value=lexus>Lexus</option>
                                </select>
                            </td>
                        </tr>
                    </table>
                </form>
            </td>
        </tr>
    </table>
    <a name="navskip"></a>

    <script type="text/javascript">
        //<![CDATA[
        if (typeof(OpenAjax) == 'undefined') OpenAjax = {}
        if (typeof(OpenAjax.a11y) == 'undefined') OpenAjax.a11y = {}
        OpenAjax.a11y.ruleCoverage = [{
            ruleId: "1152",
            passedXpaths: [],
            failedXpaths: []
        }];
        //]]>
    </script>
</body>

</html>